/*混入 (mixin.js) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。
混入对象可以包含任意组件选项。
当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。
这个JS做的事情就是在生命周期中和playList 变量改变的时候触发handlePlaylist 函数，但是这个函数的逻辑是在各自要改变的组件当中去实现
*/
import {mapGetters, mapMutations, mapActions} from 'vuex' 
export const playlistMixin = { 
 computed: { 
  ...mapGetters([ 
   'playList'
  ]) 
 }, 
 mounted() { 
  this.handlePlaylist(this.playList) 
 }, 
 activated() { 
  this.handlePlaylist(this.playList) 
 }, 
 watch: { 
  playList(newVal) { 
   this.handlePlaylist(newVal) 
  } 
 }, 
 methods: { 
  handlePlaylist() { 
   throw new Error('component must implement handlePlaylist method') 
  } 
 }  
}